@charset "utf-8";


#index{ background:url(../Images/index_line02.gif) center top repeat-y; width:100%; overflow:hidden;}
#index .bg{background:url(../Images/index_line01.gif) center top no-repeat; width:100%; overflow:hidden;}
.sharw{ height:7px; overflow:hidden; width:100%;background:url(../Images/index_line03.gif) center top #8D9CAA  no-repeat;}
#index .warp{ width:980px; overflow: hidden; margin:0 auto;}
#index .warp .main{ width:974px; overflow:hidden;}
#index .warp .main .t_menu{ margin-left:1px; height:30px; overflow: hidden; background:url(../Images/index_line04.gif) left bottom repeat-x;}
#index .warp .main .inner_bg{ background:url(../Images/index_line04.gif) left bottom repeat-x;}
#index .warp .main .t_menu ul{ padding-left:0px;}
#index .warp .main .t_menu ul li{ float:left; display:inline; width:140px; height:30px; overflow:hidden;}
#index .warp .main .t_menu ul li a{ display:block; width:140px; height:30px; text-align:center; line-height:30px;}
#index .warp .main .t_menu ul li a:hover{ background:url(../Images/index_menu_bg.gif) 0 -32px no-repeat;text-decoration:none; color:#fff;}
#index .warp .main .t_menu ul li a.curent,#index .warp .main .t_menu ul li .curent:hover{ background:url(../Images/index_menu_bg.gif) no-repeat; text-decoration:none; color:#354759}
#index .warp .main #wa_index{ width:974px; overflow:hidden; height:260px;}
#index .warp .main .item{width:974px; overflow:hidden;}
#index .warp .main .item .s_pic{ float:left; display:inline; margin-top:25px; margin-left:30px; background:url(../Images/index_pic_bg.gif) no-repeat; width:411px; height:214px; padding:2px 0 0 2px; overflow:hidden;}
#index .warp .main .item .s_pic a{ display:block; width:402px; height:204px; overflow:hidden;}
#index .warp .main .item .con_tex{ float:left; display:inline; margin-left:30px; width:480px;margin-top:25px;}
#index .warp .main .item .con_tex h2{ height:32px; line-height:32px; overflow:hidden; font-size:14px; font-weight:bold;}
#index .warp .main .item .con_tex h2 span{ font-family: Verdana; color:#999;}
#index .warp .main .item .con_tex .cont p{ line-height:20px; text-indent:26px; margin-top:10px;}
#index .warp .main .item .con_tex .cont{ height:140px; overflow:hidden;}

#index .warp .main .item .con_tex .each{ width:450px; overflow:hidden; padding:5px 15px; line-height:18px; height:18px; border-bottom:1px dashed #B2C0CE;}
#index .warp .main .item .con_tex .each .title{ float:left; width:330px; overflow:hidden; height:18px; line-height:18px; overflow:hidden;}
#index .warp .main .item .con_tex .each .title a{ color:#666;}
#index .warp .main .item .con_tex .each .title a:hover{ color:#000;}

#index .warp .main .item .con_tex .each .time{ float:left; width:120px; text-align:right; overflow:hidden; font-style:oblique; font-family:Arial; color:#999;}
#index .warp .main .item .con_tex  .more{ line-height:18px; text-align:right; margin-top:15px;}

#banner{ width:980px; overflow:hidden; margin:0 auto;}
#banner .pic{ width:974px; height:90px; overflow:hidden;}

#list{ width:100%; overflow:hidden; margin-top:15px;}
#list .area{ width:980px; overflow: hidden; margin:0 auto; background:url(../Images/inner_line01.gif) repeat-y;}
#list .area .somShow{ float:left; width:229px; overflow:hidden;}
#list .area .somShow .m1{width:229px; overflow:hidden;}
#list .area .somShow .m1 h2{ height:30px; line-height:30px; overflow:hidden; padding-left:15px; background:url(../Images/inner_line02.gif) left bottom repeat-x;}
#list .area .somShow .m1 .box{ width:224px; overflow:hidden; border-bottom:1px solid #E3E8ED; padding-right:5px;}
#list .area .somShow .m1 .box .item{ width:210px; overflow:hidden; padding:8px 0; padding-left:14px;}
#list .area .somShow .m1 .box .userPic{ float:left; width:44px; height:44px; overflow:hidden; padding:3px; background:#fff; border:1px solid #ccc;}
#list .area .somShow .m1 .box .info{ float:left; width:140px; overflow:hidden; padding-left:10px;}
#list .area .somShow .m1 .box .info .title{ height:18px; line-height:18px; overflow:hidden;}
#list .area .somShow .m1 .box .info .name{ height:18px; line-height:18px; overflow:hidden;}
#list .area .somShow .m1 .box .info .name span{ color:#288D00;}
#list .area .somShow .m1 .box .info .time{ height:18px; line-height:18px; overflow:hidden; color:#999;}
#list .area .somShow .m1 .box ul{width:224px; overflow:hidden; padding-bottom:15px;}
#list .area .somShow .m1 .box ul li{ height:20px; line-height:20px; overflow: hidden; width:205px; padding-left:19px; overflow:hidden; margin-top:10px;}


#list .area .somShow .m2{width:229px; overflow:hidden;}
#list .area .somShow .m2 h2{ height:30px; line-height:30px; overflow:hidden; padding-left:15px; background:url(../Images/inner_line02.gif) left bottom repeat-x; border-top:1px solid #ADBAC7;}
#list .area .somShow .m2 .box{ padding-left:14px; width:215px; overflow:hidden; padding-bottom:15px}
#list .area .somShow .m2 .box p{ height:20px; line-height:20px; margin-top:12px;}
#list .area .somShow .m2 .box p img{ vertical-align:middle;}

#list .area .list{ float:left; width:751px; overflow:hidden;}
#list .area .list h2{ background:url(../Images/inner_title01.gif) no-repeat; height:37px; overflow:hidden;}
#list .area .list h2 span{ display:block; width:140px; height:30px; text-align:center; line-height:30px; overflow:hidden;}
#list .area .list .box{ width:700px; overflow: hidden; padding:20px 20px 20px 25px;}
#list .area .list .box p{ margin:12px 0; line-height:22px;}


#list .area .list .list_pro{ width:700px; overflow: hidden; padding:20px 20px 20px 25px;}
#list .area .list .list_pro ul li{ height:18px; line-height:18px; overflow:hidden; padding:8px 0; border-bottom:1px solid #A1B3C4;}
#list .area .list .list_pro ul li .title{ float:left; width:585px; overflow:hidden; height:18px; overflow:hidden; padding-left:15px;}
#list .area .list .list_pro ul li .statu{ float:left; width:100px; overflow:hidden; text-align:center; overflow:hidden; color:#999;}
#list .area .list .list_pro ul .hover{ background:#BFCAD5;}
#list .area .list .page{ height:40px; line-height:20px; text-align:right; overflow:hidden; padding-right:28px;}




#list .area .list .hestory{float:left; width:751px; overflow:hidden; padding-bottom:32px;}
#list .area .list .hestory ul{ padding-left:22px;}
#list .area .list .hestory ul li{ float:left; display:inline; margin-top:20px; width:160px; margin-right:20px;position:relative; height:170px; padding-top:20px; overflow:hidden;}
#list .area .list .hestory ul li .pic{ width:116px; height:136px; padding:2px; overflow:hidden; background:#fff; margin:0 auto ; border:1px solid #CFCFCF;}
#list .area .list .hestory ul li .title{ height:20px; line-height:20px; overflow:hidden; text-align:center; margin-top:3px;}
#list .area .list .hestory ul li .title a{ color:#666;}
#list .area .list .hestory ul li .title a:hover{ color:#c00;}
#list .area .list .hestory ul li .bg1{ width:80px;height:190px; top:0; background:#000;opacity:0.3;filter: progid:DXImageTransform.Microsoft.Alpha(opacity=30); position:absolute; left:0;}
#list .area .list .hestory ul li .bg2{width:80px;height:190px; top:0;  background:#000;opacity:0.3;filter: progid:DXImageTransform.Microsoft.Alpha(opacity=30); position:absolute; right:0;}




#list .area .list .messges{float:left; width:685px; padding:20px 36px 32px 30px; overflow:hidden;}
#list .area .list .messges h4{ background:#6B7E81; line-height:30px; border:1px solid #546A6D; padding-left:18px; color:#fff;}
#list .area .list .messges h4 span{ color:#FFC600}
#list .area .list .messges .mess_hostory{ width:685px; overflow: hidden;}
#list .area .list .messges .mess_hostory .each{width:655px; overflow: hidden; padding:15px; border-bottom:1px solid #D9E0E6;}
#list .area .list .messges .mess_hostory .each p{ height:20px; line-height:20px;padding-left:20px;}
#list .area .list .messges .mess_hostory .each p b{ color:#572B00;}
#list .area .list .messges .mess_hostory .each p span{ color:#999;}
#list .area .list .messges .mess_hostory .each .fix{ width:565px; overflow:hidden; margin-top:5px; padding-left:90px;}
#list .area .list .messges .mess_hostory .each .fix_an{ width:570px; margin-top:3px; overflow:hidden; margin-left:65px; border:1px dashed #ccb852; color:#df8300; background:#fffff5; line-height:20px; padding:9px;}
#list .area .list .messges .mess_hostory .each .fix_an .reSend{  line-height:20px;}
#list .area .list .messges .mess_hostory .each .fix_an p{ padding:0; margin-top:3px;}
#list .area .list .messges .mess_hostory .each .fix .text{ float:left; width:565px; overflow: hidden; line-height:20px;}
#list .area .list .messges .mess_hostory .each .fix .text span{ color:#572B00}
#list .area .list .messges .fixBox{ width:685px; overflow: hidden; margin-top:15px;}
#list .area .list .messges .fixBox label{ float:left; width:120px; text-align:right; line-height:24px; color:#000;}
#list .area .list .messges .fixBox label span{ color:#f00;}
#list .area .list .messges .fixBox .put{ float:left;}
#list .area .list .messges .fixBox .put span{ color:#c00;}
#list .area .list .messges .fixBox .put select{ width:88px;}
#list .area .list .messges .fixBox .put input{ background:url(../Images/messge_line01.gif) repeat-x; height:18px; overflow:hidden; border:1px solid #848484; padding:2px 0 2px 2px; line-height:18px; width:108px;}
#list .area .list .messges .fixBox .put .w{ width:220px;}
#list .area .list .messges .fixBox .put2{ float:left; width:500px; overflow:hidden;}
#list .area .list .messges .fixBox .put2 textarea{ width:380px; height:80px; overflow: hidden; border:1px solid #848484; line-height:20px; padding-left:3px; font-size:12px;}
#list .area .list .messges .fixBox .put2 input{ width:68px; vertical-align:middle; height:20px; border:1px solid #848484; line-height:20px;}
#list .area .list .messges .fixBox .put2 img{ vertical-align:middle; margin-left:10px;}
#list .area .list .messges .btn{ height:27px; overflow:hidden; margin-top:15px; padding-left:78px;}
#list .area .list .messges .btn a{ display:block; line-height:26px; text-align:center; color:#fff; background:url(../Images/messge_btn01.gif) no-repeat; width:89px; height:27px; overflow:hidden;}
#list .area .list .messges .btn a:hover{ text-decoration:none;}




#list .area .list .blog{float:left; width:685px; padding:0 36px 32px 30px; overflow:hidden;}
#list .area .list .blog .each{ width:671px; overflow:hidden; padding:20px 7px 15px; border-bottom:1px solid #b6c1cc;}
#list .area .list .blog .each .userPic{ float:left; width:44px; height:44px; overflow:hidden; padding:3px; background:#fff; border:1px solid #ccc; margin-top:5px;}
#list .area .list .blog .each .info{ float:left; width:580px; overflow:hidden; padding-left:30px;}
#list .area .list .blog .each .info .title{ height:20px; line-height:20px; overflow:hidden;}
#list .area .list .blog .each .info .text{ height:40px; line-height:20px; color:#939ba2; margin-top:3px; overflow:hidden;}
#list .area .list .blog .each .info p{ height:18px; line-height:18px; overflow:hidden; margin-top:4px; color:#767d84;}
#list .area .list .blog .each .info p span{ color:#0b5e07;}
#list .area .list .blog .page{ margin-top:18px;}




#list .area .list .blog_detail{float:left; width:685px; padding:0 36px 32px 30px; overflow:hidden;}
#list .area .list .blog_detail h1{ font-size:18px; height:36px; line-height:36px; overflow:hidden; text-align:center; margin-top:18px;}
#list .area .list .blog_detail h3{ height:30px; line-height:30px; overflow:hidden; margin-top:10px; background:#b7c1cc; border:1px solid #afbecd; padding:0 15px; color:#767d84;}
#list .area .list .blog_detail h3 i{ font-style:normal; float:left;}
#list .area .list .blog_detail h3 em{ font-style:normal; float: right;}
#list .area .list .blog_detail h3 span{ color:#0b5e07;}
#list .area .list .blog_detail .conBox{width:685px; overflow:hidden; padding:25px 0;}
#list .area .list .blog_detail .conBox p{ line-height:20px; text-indent:28px; margin:12px 0;}
#list .area .list .blog_detail .conBox p img{ float:left; margin:15px;}
#list .area .list .blog_detail .prevAndnext{ height:18px; line-height:18px; text-align:center; margin-top:32px;}
#list .area .list .blog_detail .sharp{ height:30px; overflow:hidden; margin-top:18px;}
#list .area .list .blog_detail .sharp img{ vertical-align:middle;}
#list .area .list .blog_detail .tips{ line-height:20px; overflow:hidden; padding:18px 0; border-bottom:1px solid #dbe3ea; border-top:1px solid #dbe3ea; color:#85898e;}
#list .area .list .blog_detail .tips span{ color:#885409;}


#list .area .list .about{ width:745px; overflow:hidden; margin-top:32px; }
#list .area .list .about .t_menu{ background:url(../Images/about_line01.gif) repeat-x; height:32px; overflow:hidden;}
#list .area .list .about .t_menu ul{ padding-left:4px;}
#list .area .list .about .t_menu ul li{ float:left; display:inline; width:180px; height:32px; overflow:hidden; text-align:center; line-height:32px; cursor:pointer;}
#list .area .list .about .t_menu ul li.cur{ background:url(../Images/about_t_menu_ico.gif) no-repeat; text-decoration:none;}


#list .area .list .about .changeTab{ width:745px; overflow:hidden;}
#list .area .list .about .changeTab .item{width:745px; overflow:hidden; background:url(../Images/about_line02.gif) repeat-x;}
#list .area .list .about .changeTab .abot_text{ width:705px; overflow:hidden; padding:20px;}
#list .area .list .about .changeTab .abot_text h1{ line-height:22px; font-weight:bold;}
#list .area .list .about .changeTab .abot_text p{ line-height:20px; color:#666; text-indent:28px;}

#list .area .list .about .changeTab .price{ width:745px; overflow:hidden; text-align:center; padding:20px 0;}
#tips{ height:20px; line-height:20px; overflow:hidden; margin:20px 0; text-indent:32px; color:#999;}
#tips span{ color:#f00;}
#tips a{ color:#377306;}
#list .area .list .about .changeTab .pro{width:745px; overflow:hidden; padding-bottom:28px;}
#list .area .list .about .changeTab .pro ul{ padding-left:6px;}
#list .area .list .about .changeTab .pro ul li{ float:left; display:inline; width:178px; overflow:hidden; margin-right:6px;}
#list .area .list .about .changeTab .pro ul li .font{ height:30px; padding-top:25px; overflow:hidden; text-align:center;}
#list .area .list .about .changeTab .pro ul li .title{ height:24px; line-height:24px; overflow:hidden; background:#000; color:#fff; width:178px; overflow:hidden; text-indent:24px;}
#list .area .list .about .changeTab .pro ul li .ico{ width:178px; height:150px; overflow:hidden; background:#9db2c6; margin-top:8px;}
#list .area .list .about .changeTab .pro ul li .text{ width:178px; overflow:hidden; line-height:20px; margin-top:15px;}



#list .area .list .contac_Us{ width:705px; overflow:hidden; margin-top:14px; padding:0 20px; }
#list .area .list .contac_Us .show_map{ width:703px; overflow:hidden; border:1px solid #bbc5cf; border-bottom:3px solid #9baab9;}
#list .area .list .contac_Us .address{ width:685px; overflow:hidden; padding-left:20px; margin-top:20px; padding-bottom:38px;}
#list .area .list .contac_Us .address p{ line-height:20px; margin-top:15px;}
#list .area .list .contac_Us .address p span{ color:#999;}
#list .area .list .contac_Us .address p img{ vertical-align:middle;}


#list .area .list .site_Map{width:745px; overflow:hidden; margin-top:14px; text-align:center; padding:10px 0 200px;}




#layout_Iframe{ width:700px;overflow:hidden; position:relative; padding:20px 20px 20px 25px;}
#layout_Iframe .blackGrod{ width:700px; overflow:hidden; position:relative;}
#layout_Iframe .blackGrod .show_Pic{ width:700px; height:360px; overflow:hidden; position:relative; z-index:1; background:#fff;}
#layout_Iframe .blackGrod .show_Pic ul li{ position:absolute;width:700px; height:360px; overflow:hidden;}
#layout_Iframe .blackGrod .proDuct{overflow:hidden; width:700px; margin:20px auto 0; padding-bottom:48px;}
#layout_Iframe .blackGrod .proDuct h1{ height:32px; line-height:32px; overflow:hidden; font-weight:bold; color:#609200; font-size:14px;}
#layout_Iframe .blackGrod .proDuct p{ line-height:22px; margin-top:3px;}
#layout_Iframe .blackGrod .url{ color:#999;}
#layout_Iframe .blackGrod .sel_ico{ position:absolute; display:inline; z-index:99; width:700px; height:12px; border-bottom:1px solid #689300; overflow:hidden;left:0; margin-top:354px;}
#layout_Iframe .blackGrod .sel_ico ul li{ height:6px; overflow:hidden; width:174px; border-right:1px solid #689300; overflow:hidden; float:left; display:inline; background:#ffc000; margin-top:6px; cursor:pointer;}
#layout_Iframe .blackGrod .sel_ico ul li.cur{ background:#689300;}
#layout_Iframe .blackGrod .sel_ico ul li span{ display:none; background:url(../Images/layout_Iframe_ico01.gif) no-repeat; width:17px; height:6px; overflow:hidden;}
#layout_Iframe .blackGrod .sel_ico ul li.cur span{ display:block; position:absolute; margin-top:-6px; margin-left:80px;}

